// 导入
import ReactDOM from 'react-dom/client';

// 创建渲染根节点
const root = ReactDOM.createRoot(document.getElementById('root'));

// 定义一个函数组件
// 函数定义
function Hello1() {
  console.log('执行其他代码');
  return <div>我是一个函数组件1</div>;
}
// 函数表达式
const Hello2 = function () {
  let name = 'jack';
  return <div>我是一个函数组件2{name}</div>;
};
// 箭头函数
const Hello3 = () => {
  return <div>我是一个函数组件3</div>;
};

// 渲染
root.render(
  <div>
    <Hello1 />
    <Hello2 />
    <Hello3 />
  </div>
);
